<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 视口（作用于移动端，能适配平板、手机页面） -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>喜邦-首页</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/base.css">
    <!--加在bootstrap后面-->
    <link rel="stylesheet" href="./css/ie10-viewport-bug-workaround.css">

    <!--[if lt IE 9]><script src="js/ie8-responsive-file-warning.js"></script><![endif]-->
    <script src="./js/ie-emulation-modes-warning.js"></script>

    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <nav class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <!--bootstrap容器-->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html">
                    <!-- 改为logo -->
                    <img src="./images/logo.png" alt="">
                </a>
            </div>
            <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="index.html">首页</a></li>
                    <li><a href="index.html">公司</a></li>
                    <li><a href="case_list2.html">案例</a></li>
                    <li><a href="index.html"><img
                                src="./images/logo.png" alt=""></a></li>
                    <li><a href="tuandui_list.html">团队</a></li>
                    <li><a href="news.html">资讯</a></li>
                    <li><a href="index.html">联系</a></li>
                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
    </nav>

    <!-- 广告轮播图 -->
    <div id="carousel-example-generic" class="carousel slide ad" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class=""></li>
            <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
            <li data-target="#carousel-example-generic" data-slide-to="2" class="active"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item">
                <img src="./images/ad1.jpg" alt="...">
                <div class="carousel-caption">
                    广告图-1
                </div>
            </div>
            <div class="item">
                <img src="./images/ad1.jpg" alt="...">
                <div class="carousel-caption">
                    广告图-2
                </div>
            </div>
            <div class="item active">
                <img src="./images/ad1.jpg" alt="...">
                <div class="carousel-caption">
                    广告图-3
                </div>
            </div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control"
            href="index.html" role="button"
            data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control"
            href="index.html" role="button"
            data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>

    <!-- 内容1部分 -->
    <div class="content1">
        <div class="content">
            <div class="title">
                <h3>喜邦品牌十年深耕化妆品产业</h3>
                <p>THE COSMETICS INDUSTRY</p>
            </div>
        </div>
    </div>

    <div class="content1">
        <div class="content list">
            <img src="./images/icon1.png" class="pull-left" alt="">
            <p>戴斗笠收获者，帮助超过200家化妆品行业客户提供过设计与策略服务。</p>
            <div class="clearfix"></div>
        </div>
    </div>

    <div class="content1">
        <div class="content list">
            <img src="./images/icon1.png" class="pull-left" alt="">
            <p>戴斗笠收获者，帮助超过200家化妆品行业客户提供过设计与策略服务。</p>
            <div class="clearfix"></div>
        </div>
    </div>

    <div class="content1">
        <div class="content list">
            <img src="./images/icon1.png" class="pull-left" alt="">
            <p>戴斗笠收获者，帮助超过200家化妆品行业客户提供过设计与策略服务。</p>
            <div class="clearfix"></div>
        </div>
    </div>

    <!-- 内容2部分 -->
    <div class="content2">
        <div class="content">

            <div class="title pull-left">
                <h3>喜邦品牌十年深耕化妆品产业</h3>
                <p>THE COSMETICS INDUSTRY</p>
            </div>

            <div class="right pull-right">
                <span>近期作品</span>
                <!--active 当前的，被选中的-->
                <span class="active">全部作品</span>
            </div>

            <div class="clearfix"></div>
            <!--清除浮动-->

            <img src="./images/zp_pic1.jpg" alt="" class="zp img-responsive">
            <div class="desc">
                <!-- 介绍 -->
                <h3>爱典</h3>
                <p>以守护女性美好肌肤为终极目标的专业护肤品牌-Aidian爱典，为缔造女性梦寐以求的无瑕、水润、细嫩的肌肤，全新研制出植物密码奢养幻白护肤系列...</p>
                <img src="./images/arrow.jpg" alt="" class="arrow">
            </div>
            <a href="index.html" class="more">MORE</a>
        </div>
    </div>

    <!-- 内容2部分 -->
    <div class="content2 content3">
        <div class="content">

            <div class="title title1 pull-left">
                <h3>资深专家顾问团队，100大新锐设计师阵容</h3>
                <p>THE COSMETICS INDUSTRY</p>
            </div>

            <div class="right pull-right">
                <span>近期作品</span>
                <!--active 当前的，被选中的-->
                <span class="active">全部作品</span>
            </div>

            <div class="clearfix"></div>
            <!--清除浮动-->

            <div class="team">
                <!-- 介绍 -->
                <img class="img1 pull-left" src="./images/renwu1.jpg" alt="">
                <img class="img1 pull-left" src="./images/renwu2.jpg" alt="">
                <img class="img1 pull-left" src="./images/renwu3.jpg" alt="">
                <img class="img1 pull-left" src="./images/renwu4.jpg" alt="">
                <div class="yhh pull-left">
                    <img class="img2 pull-left" src="./images/renwu5.jpg" alt="">
                    <h6>杨昊昊</h6><br>
                    <p>高级平面设计师</p><br>
                    <span>2003年毕业于haliluya设计
                        学院...</span>
                    <img class="img3" src="./images/arrow.jpg" alt="">
                </div>

            </div>
            <a href="index.html" class="more">MORE</a>
        </div>
    </div>

    <div class="footer">
            <div class="container">
                <div class="row">
                    <div class="col-md-2">
                        <img src="images/logo.png" alt="" class="logo">
                    </div>
                    <div class="col-md-6 center">
                        <p>喜邦品牌十年深耕化妆品产业</p>
                        <p>友情链接：<a href="">中国雅芳</a><a href="">百雀羚</a><a href="">自然堂</a><a href="">巴黎欧莱雅</a><a href="">谷歌</a></p>
                        <p>广州喜邦品牌顾问&设计有限公司版权所有<a href="">粤ICP备0754673</a></p>
                    </div>
                    <div class="col-md-4 right">
                        <p>E-mail: <a href="mailto:758057640@qq.com">758057640@qq.com</a></p>
                        <p>全国免费咨询热线：<a href="tel:40000-138-136">40000-138-136</a></p>
                        <p>地址：广州市白云区新市齐富路联富大厦6018</p>
                    </div>
                </div>
            </div>
        </div>

    <!-- 栅格系统的结构（看文档，看怎么使用？） -->
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
	  <script src="js/bootstrap.min.js"></script>
</body>
</html>